.mini-widget,
body,
.mini-button,
.mini-menuitem,
.mini-layout-region-header,
.mini-panel-header,
.mini-outlookbar-groupHeader,
.mini-grid-headerCell,
.mini-grid-cell,
.mini-grid-columnproxy,
.mini-listbox td,
.mini-calendar,
.mini-calendar-button,
.mini-tabs,
.mini-tree,
.mini-textbox-input,
.mini-buttonedit-input,
.mini-textboxlist-input,
.mini-textboxlist,
.mini-pager,
.mini-checkboxlist table label,
.mini-radiobuttonlist table label,
.mini-checkbox,
.mini-checkboxlist,
.mini-radiobuttonlist,
.mini-radiobuttonlist label,
.mini-layout,
.mini-calendar,
.mini-calendar-menu-month,
.mini-calendar-date,
.mini-calendar-menu-year,
.mini-splitter,
.mini-calendar-title {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}


/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}


/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/

*::-webkit-scrollbar-button {
    background: #F8F8F8;
    height: 0px;
}


/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/

*::-webkit-scrollbar-track {
    background: #F8F8F8;
}


/*内层轨道，滚动条中间部分（位置4）*/

*::-webkit-scrollbar-track-piece {
    background: #F8F8F8;
}


/*滚动条里面可以拖动的那部分（位置5）*/

*::-webkit-scrollbar-thumb {
    background: #bcbcbc;
    border-radius: 5px;
}

.plain .mini-tab {
    border: none;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.plain .mini-tab-active {
    border-bottom: 2px solid #1E9FFF;
}

.plain .mini-tabs-bodys {
    border: none;
}

.plain .mini-tab.mini-tab-active .mini-tab-text {
    color: #1E9FFF;
}


/* 部分图标基于fontawesome字体图标 */

.mini-grid-table .mini-grid-emptyText,
.mini-grid-table .mini-grid-emptyText:hover {
    text-align: center;
    color: #7a7a7a;
    padding-top: 5%;
    font-weight: bold;
    font-size: 13px;
}

.mini-panel,
.mini-grid-cell-inner {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
}

.mini-buttonedit-button,
.mini-buttonedit-close {
    border: 0px;
    padding-top: 2px;
    padding-right: 1px;
}

.mini-button {
    border-radius: 2px;
    border: none;
    background: #1E9FFF;
    color: #fff;
}

.mini-button .mini-icon {
    color: #fff;
}

.mini-pager-reload,
.mini-tools-close,
.mini-tools-restore,
.mini-tools-max,
.mini-button-menu {
    background: none;
}

.mini-button-menu:before {
    display: inline-block;
    /*     font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
    content: "\f0d7";
    color: #FFF;
}

.mini-tools-close::before {
    content: "\f00d";
}

.mini-tools-restore::before {
    content: "\f2d2";
}

.mini-tools-max::before {
    content: "\f2d0";
}

.mini-state-hover,
body a:hover.mini-button,
body a:focus.mini-button,
body .mini-button-pressed,
body a:hover.mini-button-pressed,
body a.mini-button-popup,
body a:hover.mini-button-popup {
    opacity: .8;
    filter: alpha(opacity=80);
    background: #1E9FFF;
    border: none;
    color: #fff;
}

.btn-group {
    color: #000;
    background: #fff;
}

body a:hover.btn-group,
body a:focus.btn-group {
    background: #fff;
    color: #1E9FFF;
}

body a.mini-button-disabled,
body a:hover.mini-button-disabled,
body a:focus.mini-button-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
    border: 1px solid #c3c3c382;
    background: #E6E6E6;
    color: #C9C9C9;
}

body .mini-button-checked,
body a:hover.mini-button-checked,
body a:focus.mini-button-checked {
    border-radius: 2px;
    border: none;
    background: #1E9FFF;
    border: none;
    color: #fff;
}

.app-toolbar,
.bg-toolbar,
.mini-window .mini-outlookbar .mini-outlookbar-view2 .mini-layout-proxy,
.mini-tabs-scrollCt,
.mini-tabs .mini-tabs-space,
.mini-tabs .mini-tabs-space2 {
    background: #fff;
    color: #222;
}

.mini-widget-content,
body,
.mini-popup,
.mini-toolbar,
.separator,
.mini-panel-border,
.mini-pager,
.mini-panel-toolbar,
.mini-panel-footer,
.mini-panel-viewport,
.mini-window .mini-panel-footer,
.mini-outlookbar-border,
.mini-outlookbar .mini-outlookbar-group,
.mini-outlookbar .mini-outlookbar-groupBody,
.mini-outlookbar-view2 .mini-outlookbar-groupBody,
.mini-outlookbar-view3 .mini-outlookbar-group,
.mini-splitter-border,
.mini-splitter .mini-splitter-pane1,
.mini-splitter .mini-splitter-pane2,
.mini-layout-border,
.mini-layout-region,
.mini-menu,
.mini-menu-border,
.mini-menu-horizontal .mini-menu-border .mini-grid-border,
.mini-grid-footer,
.mini-grid-pager,
.mini-grid-filterRow,
.mini-listbox-border,
.mini-progressbar-border,
.mini-calendar,
.mini-calendar-footer,
.mini-calendar-menu,
.mini-tabs-bodys,
.mini-tabs .mini-tabs-space,
.mini-tabs .mini-tabs-space2,
.mini-tabs .mini-tab-active,
.mini-textbox-border,
.mini-buttonedit-border,
.mini-textboxlist-border,
.mini-tooltip-inner,
body .mini-pager-num {
    background: #fff;
    color: #362b36;
}

.mini-grid .mini-grid-bottomCell {
    background: #fff;
    font-weight: bold;
    border: none;
}

.mini-grid-row-alt {
    background: #efefef;
}

html body .mini-grid-row-selected {
    background: #E6F7FF;
    border-right: 4px solid #0c60e1;
    color: #0084FF;
}

.mini-panel-border {
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 2px 6px 0 rgba(0, 0, 0, .045);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 2px 6px 0 rgba(0, 0, 0, .045);
}

.mini-window .mini-panel-header {
    background: #fff;
}

.mini-window .mini-panel-header-inner {
    padding: 12px 8px 12px 10px;
}

.mini-window .mini-tools {
    top: 10px;
}

.mini-window .mini-tools span,
.mini-window .mini-tools a {
    font-size: 13px;
    width: 18px;
    height: 20px;
    margin-left: 15px;
}

.mini-tabs-header-top .mini-tab-active {
    border-top: solid 3px #1E9FFF;
    padding-top: 1px;
}

.mini-panel .mini-panel-title {
    padding-top: 0px;
    float: left;
    line-height: 14px;
    font-weight: normal;
}

.mini-panel-collapse .mini-panel-title {
    width: 315px;
}

.mini-window .mini-panel-header-inner {
    padding: 12px 8px 12px 10px;
    border: none;
    color: #0c60e1;
    background: #fff;
    font-size: 12px;
    font-weight: 400;
}

.mini-button-icon {
    left: 7px;
    margin-top: -8px;
}

.mini-messagebox-content-text {
    white-space: normal;
    text-align: left;
    padding-right: 10px;
}

.mini-messagebox-info,
.mini-messagebox-warning,
.mini-messagebox-question,
.mini-messagebox-error {
    background: none;
    width: 30px;
    height: 30px;
    padding: 10px;
    font-size: inherit;
    text-rendering: auto;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal normal normal 32px/1 FontAwesome;
}

.mini-messagebox-info:before {
    content: "\f05a";
    color: #1E9FFF;
}

.mini-messagebox-warning:before {
    content: "\f071";
    color: #FFB800;
}

.mini-messagebox-question:before {
    content: "\f059";
    color: #FFB800;
}

.mini-messagebox-error:before {
    content: "\f059";
    color: #FF5722;
}

.mini-panel-header {
    background: #fff;
}

.mini-tips {
    padding: 10px 20px 10px 15px;
    font-size: 14px;
    color: #fff;
    background: #009688;
    border: none;
}

.mini-labelfield-label {
    position: absolute;
    left: -5px;
    top: 2px;
    line-height: 20px;
    width: 100px;
    text-align: right;
}

.mini-pager-reload::before {
    content: "\f021";
    color: #1E9FFF;
}

body a:hover.mini-button-plain,
body a:focus.mini-button-plain {
    background: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.mini-radiobuttonlist-item-selected .mini-list-icon,
.mini-radiobuttonlist-item .mini-list-icon,
.mini-list-icon,
.mini-grid-checkbox,
.mini-checkbox-check,
.mini-checkbox-icon {
    background: none;
    height: 18px;
    width: 18px;
    font-size: 18px;
    color: #dcdcdc;
}

.mini-list-icon::before,
.mini-grid-checkbox::before,
.mini-checkbox-check::before,
.mini-checkbox-icon::before {
    content: "\f096";
}

.mini-list-icon:hover,
.mini-grid-checkbox:hover,
.mini-checkbox-check:hover,
.mini-checkbox-icon:hover {
    color: #07f;
}

.mini-radiobuttonlist-item-selected .mini-list-icon,
.mini-checkboxlist-item-selected .mini-list-icon,
.mini-checkbox-checked .mini-checkbox-icon,
.mini-grid-checkbox-checked,
.mini-grid-row-selected .mini-checkcolumn .mini-grid-checkbox {
    background: none;
    height: 18px;
    width: 18px;
    color: #07f;
    font-size: 18px;
}

.mini-checkboxlist-item-selected .mini-list-icon::before,
.mini-checkbox-checked .mini-checkbox-icon::before,
.mini-grid-checkbox-checked::before,
.mini-grid-row-selected .mini-checkcolumn .mini-grid-checkbox::before {
    content: "\f14a";
}

.mini-radiobuttonlist-item .mini-list-icon::before {
    content: "\f10c";
    padding-left: 1px;
}

.mini-radiobuttonlist-item-selected .mini-list-icon::before {
    content: "\f058";
    padding-left: 1px;
}

.mini-iconfont,
.mini-icon {
    line-height: 18px;
    font-size: 12px;
}

.mini-checkboxlist-item .mini-icon {
    line-height: 22px;
}

.mini-panel-header-inner .mini-iconfont,
.mini-panel-header-inner .mini-icon {
    line-height: 20px;
}

.mini-checkbox .mini-iconfont,
.mini-checkbox .mini-icon {
    line-height: 18px;
}

.mini-calendar .mini-calendar-selected,
.mini-calendar-menu-selected,
a:hover.mini-calendar-menu-month,
a:hover.mini-calendar-menu-year {
    color: #fff;
    background-color: #6ea6cc;
    border-color: #6ea6cc;
    border-radius: 2px;
}

.mini-grid-cell,
.mini-grid-headerCell,
.mini-grid-filterCell,
.mini-grid-summaryCell {
    line-height: 30px;
}


/* .mini-grid-topRightCell,
.mini-grid-headerCell {
    background: #7BAFD5;
    border-color: #bbb;
}

.mini-grid-headerCell-inner {
    color: #fff;
} */

.fa-sort-down::before,
.fa-sort-desc::before {
    content: "\f0dd";
}

.fa-sort-down,
.fa-sort-desc {
    padding-top: 5px;
}

.mini-tabs-scrollCt {
    border: none;
}

.mini-tabs-headers {
    margin-bottom: 0px;
}

.mini-tabs .mini-tab {
    padding: 5px 15px;
    border: 0px;
    border-bottom: 1px solid #D3D3D3;
    border-radius: 0px;
    font-weight: normal;
    background: #FFF;
}

.large .mini-tab {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 400;
}

.mini-tabs .mini-tab-active,
.mini-tab-active.mini-tab-hover {
    position: relative;
    border: none;
    border-bottom: 3px solid #1E9FFF;
    background: #fff;
    color: #1E9FFF;
}

.mini-tabs-space,
.mini-tabs-space div {
    width: 0px;
    height: 0px;
}

.mini-tabs.mini-tabs-position-left .mini-tab {
    border: 0px;
    border-right: 1px solid #D3D3D3;
}

.mini-tabs.mini-tabs-position-left .mini-tab-active,
.mini-tabs-position-left .mini-tab-active.mini-tab-hover {
    border: 1px solid #D3D3D3;
    border-right: none;
}

body .mini-pager a.mini-button-disabled .mini-icon::before,
body .mini-toolbar a.mini-button-disabled .mini-icon::before,
body a:hover.bg-green.mini-button-disabled,
body a:focus.bg-green.mini-button-disabled,
body .mini-toolbar a.mini-button-disabled,
body .mini-toolbar a:hover.mini-button-disabled {
    background: #ddd;
    color: #777;
}

.mini-button .mini-button-icon-only .mini-button-icon {
    left: 8px;
}

.mini-button {
    margin-left: 5px;
}

.mini-button .mini-button-inner {
    padding: 3px 15px;
}

.sm.mini-button {
    margin-left: 5px;
}

.sm .mini-button-inner {
    padding: 3px 5px;
}

.none.mini-button {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    font-size: 13px;
    color: #717171;
    background: #fff;
}

.icon .mini-button-inner {
    padding-left: 20px;
}

.none .mini-button-menu::before {
    color: #d2d2d2;
}

body .none.mini-button:focus .mini-button-menu::before,
body .none.mini-button:hover .mini-button-menu::before {
    color: #1890FF;
}

body .none.mini-button:focus,
body .none.mini-button:hover {
    border: 1px solid #1890FF;
    color: #1890FF;
    background: #fff;
}

.mini-tree-leaf,
.mini-tree-folder,
.mini-tree-expand .mini-tree-folder {
    background: none;
}

.mini-tree-folder::before {
    content: "\f07b";
}

.mini-tree-expand .mini-tree-folder::before {
    content: "\f07c";
}

.mini-tree-leaf::before {
    content: "\f06c";
}

.mini-required .mini-textbox-border,
.mini-required .mini-buttonedit-border {
    background: #FFF;
}

.mini-required .mini-labelfield-label::before {
    content: "*";
    color: #ff0000;
    font-weight: bold;
}

.mini-toolbar.operate {
    background-color: #fff;
    margin-bottom: 0;
}

.mini-toolbar.operate .mini-icon {
    color: #3B4660;
    font-size: 11px;
}

.mini-toolbar.operate .mini-button {
    margin: 0;
    background-color: #fff;
    color: #3B4660;
    border: 1px solid #EEEEEE;
}

.mini-toolbar.operate .mini-button:hover {
    color: #1890ff;
    background-color: #fff;
    border: 1px solid #1890ff;
}

.mini-toolbar.operate .mini-button:hover .mini-icon {
    color: #1890ff;
}

.mini-toolbar.operate .mini-button .mini-button-text {
    padding-left: 15px;
}

body .mini-error .mini-textbox-border,
body .mini-error .mini-buttonedit-border,
body .mini-error .mini-textboxlist-border {
    border-color: #ffa8a8;
    background-color: #fff;
}

.mini-checkbox .mini-iconfont {
    font-size: 18px;
}